<!DOCTYPE html>
<html lang="en">

<head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="../css/normalize.css">
        <link rel="stylesheet" href="../css/common.css">
        <link rel="stylesheet" href="../css/productList.css">
        <script src="../lib/jquery.js"></script>
        <script src="../js/productList.js"></script>
        <!-- 引入jQ轮播图文件 -->
        <script src="../lib/slide/js/jquery.slidebox.js"></script>
        <!-- 轮播图样式 -->
        <link rel="stylesheet" href="../lib/slide/css/slider.css">
</head>

<body">
        <!-- 头部 -->
        <div class="head">    
                <div class="head-top container-w">
                        <div class="container">
                                <img src="../img/LOGO_02.jpg" alt="">
                                <a class="cfff" href="#">legochina.cn</a>
                                <div class="cfff fr">欢迎光临 <a class="cf60" href="./index.html">乐购</a> ，请<a class="cfff"
                                                href="./register.html">登录</a>/ <a class="cf60" href="./login.html">注册</a> </div>
                        </div>
                </div>

                <div class="head-center container clearfix">
                        <div class="head-right fr">
                                <a class="bg-f60 cfff fl" href="#">购物车<span>3</span></a>
                                <a class="bg-eb fl" href="#">我的订单</a>
                        </div>
                        <div class="head-left fr clearfix">
                                <input class="head-text fl" type="text" placeholder="创意文具">
                                <button class="head-btn fl"></button>
                        </div>
                </div>

                <div class="clearfix container head-nav">
                        <ul class="clearfix fr">
                                <li> <a href="#">图书</a></li>
                                <li> <a href="#">电子书 </a> </li>
                                <li> <a href="#">原创文学</a> </li>
                                <li> <a href="#">服装 </a> </li>
                                <li> <a href="#">户外运动</a> </li>
                                <li> <a href="#">孕婴童 </a> </li>
                                <li> <a href="#">家居 </a> </li>
                                <li> <a href="#">创意文具</a> </li>
                                <li> <a href="#">地方特产</a> </li>
                                <li> <a href="#">海外购 </a> </li>
                                <li> <a href="#">电器城 </a> </li>
                        </ul>
                </div>
        </div>
        <!-- 轮播 -->
        <div class="menuslide container clearfix">
                <div class="left clearfix fl">
                        <!-- 轮播图 -->
                        <div class="slide fl">
                                <div class="pptbox" id="slider">
                                        <ul class="innerwrapper">
                                                <li>
                                                        <a href="#">
                                                                <img src="../lib/slide/imgs/banner1.jpg" />
                                                        </a>
                                                </li>
                                                <li>
                                                        <a href="#">
                                                                <img src="../lib/slide/imgs/banner2.jpg" />
                                                        </a>
                                                </li>
                                                <li>
                                                        <a href="#">
                                                                <img src="../lib/slide/imgs/banner3.jpg" />
                                                        </a>
                                                </li>
                                                <li>
                                                        <a href="#">
                                                                <img src="../lib/slide/imgs/banner4.jpg" />
                                                        </a>
                                                </li>
                                        </ul>
                                        <ul class="controls">
                                                <li class="current">1</li>
                                                <li>2</li>
                                                <li>3</li>
                                                <li>4</li>
                                        </ul>
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                </div>
                        </div>
                </div>
                <div class="right fr">
                        <div class="right-title">热卖畅销</div>
                        <ul>
                                <li class="book-block">
                                        <span class="fr">1</span>
                                        <img class="fl" src="../img/book1.jpg" alt="">
                                        <p class="fr">《三体》刘慈欣一场科幻的史诗风暴</p>
                                </li>
                                <li>
                                        <span class="fr">2</span>
                                        <img class="fl" src="../img/index08_05.jpg" alt="">
                                        <p class="fr">《三体》刘慈欣一场科幻的史诗风暴</p>
                                </li>
                                <li>
                                        <span class="fr">3</span>
                                        <img class="fl" src="../img/index08_05.jpg" alt="">
                                        <p class="fr">《三体》刘慈欣一场科幻的史诗风暴</p>
                                </li>
                                <li>
                                        <span class="fr">4</span>
                                        <img class="fl" src="../img/index08_05.jpg" alt="">
                                        <p class="fr">《三体》刘慈欣一场科幻的史诗风暴</p>
                                </li>
                                <li>
                                        <span class="fr">5</span>
                                        <img class="fl" src="../img/index08_05.jpg" alt="">
                                        <p class="fr">《三体》刘慈欣一场科幻的史诗风暴</p>
                                </li>
                                <li>
                                        <span class="fr">6</span>
                                        <img class="fl" src="../img/index08_05.jpg" alt="">
                                        <p class="fr">《三体》刘慈欣一场科幻的史诗风暴</p>
                                </li>
                                <li>
                                        <span class="fr">7</span>
                                        <img class="fl" src="../img/index08_05.jpg" alt="">
                                        <p class="fr">《三体》刘慈欣一场科幻的史诗风暴</p>
                                </li>
                        </ul>
                </div>
                <img src="../img/images/gg_03.jpg" alt="">
        </div>
        <!-- 图书 -->
        <div class="books container">
                <div class="books-top">
                        <p class="ctitle">乐购·图书折扣区</p>
                </div>
                <div class="books-bottom">
                        <ul class="clearfix">
                                <li>
                                        <img src="../img/22935553-1_l.jpg" alt="">
                                        <img src="../img/02-产品列表页面_03.png" alt="">
                                        <p class="c14">白夜行 东野上吾</p>
                                        <span class="cred c14">推荐：<img src="../img/02-产品列表页面_07.png" alt=""></span>
                                        <div class="c24"><span class="cred">￥：38</span> <del class="cc0">￥58</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img/22935553-1_l.jpg" alt="">
                                        <img src="../img/02-产品列表页面_03.png" alt="">
                                        <p class="c14">白夜行 东野上吾</p>
                                        <span class="cred c14">推荐：<img src="../img/02-产品列表页面_07.png" alt=""></span>
                                        <div class="c24"><span class="cred">￥：38</span> <del class="cc0">￥58</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img/22935553-1_l.jpg" alt="">
                                        <img src="../img/02-产品列表页面_03.png" alt="">
                                        <p class="c14">白夜行 东野上吾</p>
                                        <span class="cred c14">推荐：<img src="../img/02-产品列表页面_07.png" alt=""></span>
                                        <div class="c24"><span class="cred">￥：38</span> <del class="cc0">￥58</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img/22935553-1_l.jpg" alt="">
                                        <img src="../img/02-产品列表页面_03.png" alt="">
                                        <p class="c14">白夜行 东野上吾</p>
                                        <span class="cred c14">推荐：<img src="../img/02-产品列表页面_07.png" alt=""></span>
                                        <div class="c24"><span class="cred">￥：38</span> <del class="cc0">￥58</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img/22935553-1_l.jpg" alt="">
                                        <img src="../img/02-产品列表页面_03.png" alt="">
                                        <p class="c14">白夜行 东野上吾</p>
                                        <span class="cred c14">推荐：<img src="../img/02-产品列表页面_07.png" alt=""></span>
                                        <div class="c24"><span class="cred">￥：38</span> <del class="cc0">￥58</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img//22788959-1_l.jpg" alt="">
                                        <img src="../img/02-产品列表页面_03.png" alt="">
                                        <p class="c14">白夜行 东野上吾</p>
                                        <span class="cred c14">推荐：<img src="../img/02-产品列表页面_07.png" alt=""></span>
                                        <div class="c24"><span class="cred">￥：30</span> <del class="cc0">￥46</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img//22788959-1_l.jpg" alt="">
                                        <img src="../img/02-产品列表页面_03.png" alt="">
                                        <p class="c14">白夜行 东野上吾</p>
                                        <span class="cred c14">推荐：<img src="../img/02-产品列表页面_07.png" alt=""></span>
                                        <div class="c24"><span class="cred">￥：30</span> <del class="cc0">￥46</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img//22788959-1_l.jpg" alt="">
                                        <img src="../img/02-产品列表页面_03.png" alt="">
                                        <p class="c14">白夜行 东野上吾</p>
                                        <span class="cred c14">推荐：<img src="../img/02-产品列表页面_07.png" alt=""></span>
                                        <div class="c24"><span class="cred">￥：30</span> <del class="cc0">￥46</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img//22788959-1_l.jpg" alt="">
                                        <img src="../img/02-产品列表页面_03.png" alt="">
                                        <p class="c14">白夜行 东野上吾</p>
                                        <span class="cred c14">推荐：<img src="../img/02-产品列表页面_07.png" alt=""></span>
                                        <div class="c24"><span class="cred">￥：30</span> <del class="cc0">￥46</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img//22788959-1_l.jpg" alt="">
                                        <img src="../img/02-产品列表页面_03.png" alt="">
                                        <p class="c14">白夜行 东野上吾</p>
                                        <span class="cred c14">推荐：<img src="../img/02-产品列表页面_07.png" alt=""></span>
                                        <div class="c24"><span class="cred">￥：30</span> <del class="cc0">￥46</del>
                                        </div>
                                </li>
                        </ul>
                </div>
        </div>

        <!-- 新书 -->
        <div class="newbook container clearfix">
                <div class="top"><span>新</span>书上架</div>
                <div class="left fl">
                        <ul class="clearfix">
                                <li>
                                        <img src="../img/22928335-1_l.jpg" alt="">
                                        <p class="c14">查理 斯密斯</p>
                                        <p class="c14 c80">中国邮电出版社</p>
                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img/22928335-1_l.jpg" alt="">
                                        <p class="c14">查理 斯密斯</p>
                                        <p class="c14 c80">中国邮电出版社</p>
                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img/22928335-1_l.jpg" alt="">
                                        <p class="c14">查理 斯密斯</p>
                                        <p class="c14 c80">中国邮电出版社</p>
                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img/22928335-1_l.jpg" alt="">
                                        <p class="c14">查理 斯密斯</p>
                                        <p class="c14 c80">中国邮电出版社</p>
                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img/22928335-1_l.jpg" alt="">
                                        <p class="c14">查理 斯密斯</p>
                                        <p class="c14 c80">中国邮电出版社</p>
                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img/22499729-1_l_5.jpg" alt="">
                                        <p class="c14">查理 斯密斯</p>
                                        <p class="c14 c80">中国邮电出版社</p>
                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img/22499729-1_l_5.jpg" alt="">
                                        <p class="c14">查理 斯密斯</p>
                                        <p class="c14 c80">中国邮电出版社</p>
                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img/22499729-1_l_5.jpg" alt="">
                                        <p class="c14">查理 斯密斯</p>
                                        <p class="c14 c80">中国邮电出版社</p>
                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img/22499729-1_l_5.jpg" alt="">
                                        <p class="c14">查理 斯密斯</p>
                                        <p class="c14 c80">中国邮电出版社</p>
                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del>
                                        </div>
                                </li>
                                <li>
                                        <img src="../img/22499729-1_l_5.jpg" alt="">
                                        <p class="c14">查理 斯密斯</p>
                                        <p class="c14 c80">中国邮电出版社</p>
                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del>
                                        </div>
                                </li>
                        </ul>
                </div>
                <div class="right fr">
                        <h3 class="c94">主编推荐</h3>
                        <ul>
                                <li class="clearfix add">
                                        <span class="fl">1</span>
                                        <h4 class="c68 fwn fl">就喜欢你看不惯我 又不干</h4>
                                        <img class="fl" src="../img/index08_05.jpg" alt="">
                                        <p class="c68 fl">从你的全世界路过<br>
                                                入选央视“2014中国好书”的80后作品！十年华语畅销小说王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读</p>
                                </li>
                                <li class="clearfix">
                                        <span class="fl">1</span>
                                        <h4 class="c68 fwn fl">就喜欢你看不惯我 又不干</h4>
                                        <img class="fl" src="../img/index08_05.jpg" alt="">
                                        <p class="c68 fr">从你的全世界路过<br>
                                                入选央视“2014中国好书”的80后作品！十年华语畅销小说王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读</p>
                                </li>
                                <li class="clearfix">
                                        <span class="fl">1</span>
                                        <h4 class="c68 fwn fl">就喜欢你看不惯我 又不干</h4>
                                        <img class="fl" src="../img/index08_05.jpg" alt="">
                                        <p class="c68 fr">从你的全世界路过<br>
                                                入选央视“2014中国好书”的80后作品！十年华语畅销小说王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读</p>
                                </li>
                                <li class="clearfix">
                                        <span class="fl">1</span>
                                        <h4 class="c68 fwn fl">就喜欢你看不惯我 又不干</h4>
                                        <img class="fl" src="../img/index08_05.jpg" alt="">
                                        <p class="c68 fr">从你的全世界路过<br>
                                                入选央视“2014中国好书”的80后作品！十年华语畅销小说王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读</p>
                                </li>
                                <li class="clearfix">
                                        <span class="fl">1</span>
                                        <h4 class="c68 fwn fl">就喜欢你看不惯我 又不干</h4>
                                        <img class="fl" src="../img/index08_05.jpg" alt="">
                                        <p class="c68 fr">从你的全世界路过<br>
                                                入选央视“2014中国好书”的80后作品！十年华语畅销小说王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读</p>
                                </li>
                                <li class="clearfix">
                                        <span class="fl">1</span>
                                        <h4 class="c68 fwn fl">就喜欢你看不惯我 又不干</h4>
                                        <img class="fl" src="../img/index08_05.jpg" alt="">
                                        <p class="c68 fr">从你的全世界路过<br>
                                                入选央视“2014中国好书”的80后作品！十年华语畅销小说王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读</p>
                                </li>
                                <li class="clearfix">
                                        <span class="fl">1</span>
                                        <h4 class="c68 fwn fl">就喜欢你看不惯我 又不干</h4>
                                        <img class="fl" src="../img/index08_05.jpg" alt="">
                                        <p class="c68 fr">从你的全世界路过<br>
                                                入选央视“2014中国好书”的80后作品！十年华语畅销小说王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读</p>
                                </li>
                                <li class="clearfix">
                                        <span class="fl">1</span>
                                        <h4 class="c68 fwn fl">就喜欢你看不惯我 又不干</h4>
                                        <img class="fl" src="../img/index08_05.jpg" alt="">
                                        <p class="c68 fr">从你的全世界路过<br>
                                                入选央视“2014中国好书”的80后作品！十年华语畅销小说王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读</p>
                                </li>
                        </ul>
                </div>
        </div>

        <!-- 独家提供 -->
        <div class="scoop container">
                <div class="scoop-top clearfix">
                        <div class="fl"> <span>独</span> 家提供</div>
                        <ul class="fr">
                                <li class="scoop-s"><a href="#">货币金融</a></li>
                                <li><a href="#">社会文学</a></li>
                                <li><a href="#">货币金融</a></li>
                                <li><a href="#">社会文学</a></li>
                                <li><a href="#">货币金融</a></li>
                                <li><a href="#">社会文学</a></li>
                                <li><a href="#">社会文学</a></li>
                        </ul>
                </div>
                <div class="scoop-bottom block">
                        <div class="slide fl">
                                <div class="pptbox" id="scoop-slider">
                                        <ul class="innerwrapper">
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/23418061-1_l.jpg" alt="">
                                                        <p class="c14">查理 斯密斯1</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/23418061-1_l.jpg" alt="">
                                                        <p class="c14">查理 斯密斯2</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/23418061-1_l.jpg" alt="">
                                                        <p class="c14">查理 斯密斯3</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>

                                        </ul>
                                        <ul class="controls">
                                                <li class="current">1</li>
                                                <li>2</li>
                                                <li>3</li>
                                        </ul>
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                </div>
                        </div>

                </div>
                <div class="scoop-bottom">
                        <div class="slide fl">
                                <div class="pptbox" id="scoop-slider2">
                                        <ul class="innerwrapper">
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/index08_05.jpg" alt="">
                                                        <p class="c14">查理 斯密斯1</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/index08_05.jpg" alt="">
                                                        <p class="c14">查理 斯密斯2</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/index08_05.jpg" alt="">
                                                        <p class="c14">查理 斯密斯3</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>

                                        </ul>
                                        <ul class="controls">
                                                <li class="current">1</li>
                                                <li>2</li>
                                                <li>3</li>
                                        </ul>
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                </div>
                        </div>

                </div>
                <div class="scoop-bottom">
                        <div class="slide fl">
                                <div class="pptbox" id="scoop-slider3">
                                        <ul class="innerwrapper">
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/23418061-1_l.jpg" alt="">
                                                        <p class="c14">查理 斯密斯1</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/23418061-1_l.jpg" alt="">
                                                        <p class="c14">查理 斯密斯2</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/23418061-1_l.jpg" alt="">
                                                        <p class="c14">查理 斯密斯3</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>

                                        </ul>
                                        <ul class="controls">
                                                <li class="current">1</li>
                                                <li>2</li>
                                                <li>3</li>
                                        </ul>
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                </div>
                        </div>

                </div>
                <div class="scoop-bottom">
                        <div class="slide fl">
                                <div class="pptbox" id="scoop-slider4">
                                        <ul class="innerwrapper">
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/23418061-1_l.jpg" alt="">
                                                        <p class="c14">查理 斯密斯1</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/23418061-1_l.jpg" alt="">
                                                        <p class="c14">查理 斯密斯2</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/23418061-1_l.jpg" alt="">
                                                        <p class="c14">查理 斯密斯3</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>

                                        </ul>
                                        <ul class="controls">
                                                <li class="current">1</li>
                                                <li>2</li>
                                                <li>3</li>
                                        </ul>
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                </div>
                        </div>

                </div>
                <div class="scoop-bottom">
                        <div class="slide fl">
                                <div class="pptbox" id="scoop-slider5">
                                        <ul class="innerwrapper">
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/23418061-1_l.jpg" alt="">
                                                        <p class="c14">查理 斯密斯1</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/23418061-1_l.jpg" alt="">
                                                        <p class="c14">查理 斯密斯2</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/23418061-1_l.jpg" alt="">
                                                        <p class="c14">查理 斯密斯3</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>

                                        </ul>
                                        <ul class="controls">
                                                <li class="current">1</li>
                                                <li>2</li>
                                                <li>3</li>
                                        </ul>
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                </div>
                        </div>

                </div>
                <div class="scoop-bottom">
                        <div class="slide fl">
                                <div class="pptbox" id="scoop-slider6">
                                        <ul class="innerwrapper">
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/book1.jpg" alt="">
                                                        <p class="c14">查理 斯密斯1</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/book1.jpg" alt="">
                                                        <p class="c14">查理 斯密斯2</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/book1.jpg" alt="">
                                                        <p class="c14">查理 斯密斯3</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>

                                        </ul>
                                        <ul class="controls">
                                                <li class="current">1</li>
                                                <li>2</li>
                                                <li>3</li>
                                        </ul>
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                </div>
                        </div>

                </div>
                <div class="scoop-bottom">
                        <div class="slide fl">
                                <div class="pptbox" id="scoop-slider7">
                                        <ul class="innerwrapper">
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/22913031-1_l.jpg" alt="">
                                                        <p class="c14">查理 斯密斯1</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/22913031-1_l.jpg" alt="">
                                                        <p class="c14">查理 斯密斯2</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>
                                                <li>
                                                        <ul class="clearfix">
                                                                <script>
                                                                        for (let i = 0; i < 12; i++) {
                                                                                document.write(`
                                                <li>
                                                        <img src="../img/22913031-1_l.jpg" alt="">
                                                        <p class="c14">查理 斯密斯3</p>
                                                        <p class="c14 c80">中国邮电出版社</p>
                                                        <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                                </li>
                                                `)
                                                                        }
                                                                </script>
                                                        </ul>
                                                </li>

                                        </ul>
                                        <ul class="controls">
                                                <li class="current">1</li>
                                                <li>2</li>
                                                <li>3</li>
                                        </ul>
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                </div>
                        </div>

                </div>
        </div>

        <!-- 猜你喜欢 -->
        <div class="guess container">
                <div class="guess-top clearfix">
                        <div class="fl"> <span>猜</span> 你喜欢</div>
                        <span class="fr guess-btn"> 换一批</span>
                </div>
                <div class="guess-bottom">
                        <div class="opp">
                                <ul class="clearfix qq">
                                        <script>
                                                for (let i = 0; i < 6; i++) {
                                                        document.write(`
                                        <li>
                                                <img src="../img/22790777-1_l_1.jpg" alt="">
                                                <p class="c14">查理 斯密斯1</p>
                                                <p class="c14 c80">中国邮电出版社</p>
                                                <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                        </li>
                                        `)
                                                }
                                        </script>
                                        <script>
                                                for (let i = 0; i < 6; i++) {
                                                        document.write(`
                                        <li>
                                                <img src="../img/22876893-1_l.jpg" alt="">
                                                <p class="c14">查理 斯密斯1</p>
                                                <p class="c14 c80">中国邮电出版社</p>
                                                <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                        </li>
                                        `)
                                                }
                                        </script>
                                </ul>
                                <ul class="clearfix qq">
                                        <script>
                                                for (let i = 0; i < 6; i++) {
                                                        document.write(`
                                        <li>
                                                <img src="../img/22790777-1_l_1.jpg" alt="">
                                                <p class="c14">查理 斯密斯2</p>
                                                <p class="c14 c80">中国邮电出版社</p>
                                                <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                        </li>
                                        `)
                                                }
                                        </script>
                                        <script>
                                                for (let i = 0; i < 6; i++) {
                                                        document.write(`
                                        <li>
                                                <img src="../img/22876893-1_l.jpg" alt="">
                                                <p class="c14">查理 斯密斯2</p>
                                                <p class="c14 c80">中国邮电出版社</p>
                                                <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                        </li>
                                        `)
                                                }
                                        </script>
                                </ul>
                                <ul class="clearfix qq">
                                        <script>
                                                for (let i = 0; i < 6; i++) {
                                                        document.write(`
                                        <li>
                                                <img src="../img/22790777-1_l_1.jpg" alt="">
                                                <p class="c14">查理 斯密斯3</p>
                                                <p class="c14 c80">中国邮电出版社</p>
                                                <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                        </li>
                                        `)
                                                }
                                        </script>
                                        <script>
                                                for (let i = 0; i < 6; i++) {
                                                        document.write(`
                                        <li>
                                                <img src="../img/22876893-1_l.jpg" alt="">
                                                <p class="c14">查理 斯密斯3</p>
                                                <p class="c14 c80">中国邮电出版社</p>
                                                <div class="c24"><span class="cred">￥：49</span> <del class="cc0">￥79</del> </div>
                                        </li>
                                        `)
                                                }
                                        </script>
                                </ul>
                        </div>
                </div>

        </div>

        <div class="foott container">
                <ul>
                        <li><img src="../img/2016080314240628345.jpg" alt=""></li>
                        <li><img src="../img/2016080314240628345.jpg" alt=""></li>
                        <li><img src="../img/2016080314240628345.jpg" alt=""></li>
                        <li><img src="../img/2016080314240628345.jpg" alt=""></li>
                        <li><img src="../img/2016080314240628345.jpg" alt=""></li>
                        <li><img src="../img/2016080314240628345.jpg" alt=""></li>
                </ul>
                <img src="../img/images/gg_03.jpg" alt="">
        </div>

         <!-- 页脚 -->
         <div class="foot">
                <div class="foot-top">
                        <div class="container">
                                <img src="../img/222_11.png" alt="">
                                <img src="../img/222_13.png" alt="">
                                <img src="../img/222_15.png" alt="">
                                <img src="../img/222_17.png" alt="">
                        </div>
                </div>
                <div class="foot-center container clearfix">
                        <div>
                                <ul>
                                        <li><a href="#">购物指南</a></li>
                                        <li><a href="#">购物流程</a></li>
                                        <li><a href="#">发票制度</a></li>
                                        <li><a href="#">账户管理</a></li>
                                        <li><a href="#">会员优惠</a></li> 
                                </ul>
                                <ul>
                                        <li><a href="#">支付方式</a></li>
                                        <li><a href="#">货到付款</a></li>
                                        <li><a href="#">网上支付</a></li>
                                        <li><a href="#">礼品卡支付</a></li>
                                        <li><a href="#">银行转帐</a></li>
                                </ul>
                                <ul>
                                        <li><a href="#">订单服务</a></li>
                                        <li><a href="#">订单配送查询</a></li>
                                        <li><a href="#">订单状态说明</a></li>
                                        <li><a href="#">自助取消订单</a></li>
                                        <li><a href="#">自助修改订单</a></li>
                                </ul>
                                <ul>
                                        <li><a href="#">退换货</a></li>
                                        <li><a href="#">退换货政策</a></li>
                                        <li><a href="#">自助申请退换货</a></li>
                                        <li><a href="#">退换货进度查询</a></li>
                                        <li><a href="#">退款方式和时间</a></li>
                                </ul>
                                <ul>
                                        <li><a href="#">商家服务</a></li>
                                        <li><a href="#">商家中心</a></li>
                                        <li><a href="#">运营服务</a></li>
                                        <li><a href="#">加入尾品汇</a></li>
                                </ul>
                        </div>
                        <img class="fr" src="../img/logo_00.png" alt="">
                </div>
                <div class="foot-bottom container">
                        <div>公司简介 &emsp; |  &emsp;Investor Relations &emsp;| &emsp; 网站联盟  &emsp;|  &emsp;乐购招商&emsp;  |  &emsp;机构销售&emsp; |  &emsp;手机乐购  &emsp;|  &emsp;官方Blog  &emsp; |&emsp;  热词搜索</div>
                        <div>Copyright (C) 乐购网 2004-2016, All Rights Reserved</div>
                </div>
        </div>
</body>

</html>